.left{
    width: 200px;
    background-color: white;
    height: 567px;
    float: left;
    margin-top: 2px;
}

.left-top {
    width: 190px;
    background-color: #5EA6EB;
    margin: 0 auto;
   
}

.weather{
    background-image: url(../img/weather.jpg);
    height: 47px;
    width: 200px;
    position: relative;
    left: -5px;
}

.weather p{
    text-align: center;
    margin-top: 15px;
    color: white;
    background-image: none;
}

.left-top li{
    color: white;
    background-image: url(../img/icon1.gif);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 10px;
    margin: 5px 8px;
    font-size: 12px;
    /* background-color: #5EA6EB; */
   
    left: 5px;
    
}

.left-center{
    width: 190px;
    background-color: #5EA6EB;
    margin: 0 auto;
    
}

.good{
    background-color: #BBDDFF;
}

p{  
    background: url(../img/icon2.gif) no-repeat left center;
    padding-left: 10px;
    margin-left: 5px;
    font-weight: bold;
    color: 003973;
}

span{
    display: block;
    text-align: center;
    color: white;
}

.map{
    margin-top: 6px;
    margin-left: 20px;
}